<template>
	<view class="app">
		<view class="app-container text-center">
			<view class="flex flex-direction justify-center">
				<view class="bg-img"></view>
				<view class="text-xsl padding">
					<text class="cuIcon-roundcheckfill text-primary"></text>
				</view>
				<text class="text-primary text-lg padding">
					打印成功，请及时取走打印文档，防止
					偷拿漏拿等行为，个人不正当行为
					造成的损失需用户个人承担
				</text>
			</view>
			<view class="action">
				<button class="cu-btn block box-shadow bg-primary margin-tb-sm lg" >
					打赏代拿
				</button>
				<navigator url="/pages/tabbar/index" open-type="switchTab">
					<button class="cu-btn back block box-shadow line-primary margin-tb-sm lg">
						返回
					</button>
				</navigator>
			</view>
		</view>
	</view>
</template>

<script>
</script>

<style lang="scss">
	.app-container {
		height: 100%;
		position: relative;
		.flex {
			height: 50%;
			position: relative;
		}

		.bg-img {
			opacity: 0.5;
			height: 100%;
			width: 100%;
			position: absolute;
			// background-image: url(~@/static/img/tinified/资源6.png);
		}

		.action {
			bottom: 36px;
			left: 16px;
			right: 16px;
			position: absolute;
			height: 35%;
			.back {
				background: #fff !important;
			}
		}
	}
</style>
